<template>
  <div class='container'>
    <el-card>
      <!-- 关键字 -->
      <el-form>
        <el-form-item label="关键词" style="margin-left: 20px;">
          <el-input size="small" style="width: 200px; margin-right: 20px;" placeholder="根据学科名称搜索" ></el-input>
          <!-- 按钮 -->
          <el-button  size="small">清除</el-button>
          <el-button  size="small" type="primary">搜索</el-button>
        </el-form-item>
      </el-form>

      <!-- 提示 -->
      <el-alert
        title="数据一共 1 条"
        type="info"
        show-icon
        close-text=" ">
      </el-alert>

      <!-- 表格 -->
      <el-table
      style="width: 100%">
      <el-table-column
        label="序号"
        width="180">
      </el-table-column>
      <el-table-column
        label="学科名称"
        width="180">
      </el-table-column>
      <el-table-column
        label="创建者">
      </el-table-column>
      <el-table-column
        label="录入时间">
      </el-table-column>
      <el-table-column
        label="前台是否显示">
      </el-table-column>
      <el-table-column
        label="二级目录">
      </el-table-column>
      <el-table-column
        label="标签">
      </el-table-column>
      <el-table-column
        label="题目数量">
      </el-table-column>
      <el-table-column
        label="操作">
        <!-- 编辑 -->
        <i class="el-icon-edit"></i>
      </el-table-column>
      </el-table>
      <!-- 分页 -->
      <div class="self-table-pagination">
      <el-pagination
      background
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="100"
      layout="prev, pager, next, sizes, jumper"
      :total="400">
    </el-pagination>
    </div>
    </el-card>
  </div>
</template>

<script>
export default {}
</script>

<style scoped lang='less'>
.container {
  padding: 10px 10px;
}
.self-table-pagination {
    margin-top: 20px;
    margin-left: 1060px;
}
</style>
